<template>
  <div id="app">
    <div class="menu">
      <Menu/>
    </div>
    <div class="container">
      <router-view/>
    </div>
  </div>
</template>

<script>
import Menu from './components/Menu.vue'

export default {
  name: 'App',
  components: {
    Menu
  }
}
</script>

<style scoped lang="less">
#app {
  display: flex;
  height: 100%;
  .menu{
    width: 200px;
    background-color: rgb(84, 92, 100);
    &>div{
      width: 100%;
      &>div{
        width: 100%;
      }
    }
  }
  .container{
    width: calc(100% - 200px);
  }
}
</style>
